<style scoped>
    .seamless-warp {
		margin-top: 10rpx;
		padding: 20rpx 24rpx;
    }
	.marqueeAvatar{
		width: 40rpx;
		height: 40rpx;
		border-radius: 20rpx;
	}
	.card{
		padding: 20rpx 24rpx;
		background-color: #f6f6f6;
		border-radius: 10rpx;
	}
</style>
<template>
	<!-- 儿童申请列表 -->
    <vue-seamless-scroll class="flex flex-column seamless-warp" :data="scrollList" :class-option="optionHover">
        <!-- <view class="flex align-center justify-between card mar-t-7 w-100 box-b" v-for="(item, index) in scrollList" :key="index" @click="toDetail(item)">
            <view class="flex align-center w-100 box-b">
            	<image class="marqueeAvatar" :src="item.user_info.avatar"></image>
            	<view class="flex flex-column">
            		<view class="flex align-center box-b">
            			<text class="font-size-16 font-color-000 mar-l-5 tq-text-line1">{{item.child_usernme}}</text>
            			<text class="font-size-16 font-color-666 mar-l-5">{{item.sex_name}}</text>
            		</view>
            		<view class="">
            			<text class="font-size-15 font-color-666 mar-l-5 tq-text-line1">申请理由({{item.remark}})</text>
            		</view>
            	</view>
            </view>
    		<text class="font-size-13 mar-l-5 text-right" style="width: 100rpx;" :class="item.status_name=='已匹配'?'font-color-green':'font-color-price'">{{item.status_name}}</text>
        </view> -->
		<list-item v-for="(item, index) in scrollList" :key="index" :item="item"></list-item>
    </vue-seamless-scroll>
</template>
<script>
	import vueSeamlessScroll from 'vue-seamless-scroll'
	import listItem from '@/components/list-card/list-card-child.vue'
    export default {
		components: { //组件
			vueSeamlessScroll,listItem
		},
		props: {
			scrollList: {
				type: Array,
				default: []
			},
			title: {
				type: String,
				default: ''
			},
		},
		// computed: {
		// 	titleText() {
		// 		return this.title==1?`欢迎加入"爱心帮帮团"赴一场"彩虹之约"`:`我已申请帮扶，期待"彩虹之约"`
		// 	}
		// },
        data () {
            return {
				
            }
        },
		computed: {
			optionHover () {
				return {
					hoverStop: false,
					step:1
				}
			}
		 },
		methods: {
			toDetail(item) {
				if(item.status_name=='未匹配'){
					uni.navigateTo({
						url:`/pages/social/applyDetail?id=${item.id}&type=home`
					})
				}
			}
		},
    }
</script>